<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" href="css/student-index.css">
</head>
<body>
    <div class="student-content">
        <div class="system-name">
            <h1 class="name">培训课程管理系统</h1>
            <hr>
        </div>
        <div class="system-content">
<!--            选课模块-->
            <form action="">
                <div class="select-course-box">
                        <div class="list">
                            <select name="course" class="list-content" multiple size="8" id="course">
                                <option value="jiwang">计算机网络</option>
                                <option value="raunjian">软件工程</option>
                                <option value="caocuo">操作系统</option>
                                <option value="jiwang">计算机网络</option>
                                <option value="raunjian">软件工程</option>
                                <option value="caocuo">操作系统</option>
                                <option value="jiwang">计算机网络</option>
                                <option value="raunjian">软件工程</option>
                            </select>
                        </div>
                        <div class="list ">
                            <select name="teacher"  class="list-content" multiple size="8" id="teacher">
                                <option value="yang">杨力鹏</option>
                                <option value="du">杜辰龙</option>
                                <option value="dou">窦凡</option>
                                <option value="yang">瞿兴浩</option>
                                <option value="du">韩生江</option>
                                <option value="dou">贺雨薇</option>
                            </select>
                        </div>

                            <button >提交</button>

                </div>
            </form>


            <!--            查课模块-->
            <div class="query-course">
                <div class="list">
                    <select name="course" class="list-content" multiple size="8" id="query-course">
                        <option value="jiwang">计算机网络</option>
                        <option value="raunjian">软件工程</option>
                        <option value="caocuo">操作系统</option>
                        <option value="jiwang">计算机网络</option>
                        <option value="raunjian">软件工程</option>
                        <option value="caocuo">操作系统</option>
                    </select>
                </div>
                <div class="box">
                    <span>上课老师</span>
                    <span class="teacher-name">
                        杜辰龙
                    </span>
                </div>
                <div class="box">
                    <span>上课地点</span>
                    <span class="course-place">
                        A-123
                    </span>
                </div>
            </div>
        </div>
        </div>
</body>
</html>